<template>
	<view>
		<!-- #ifdef MP -->
		<!-- 小程序标题 -->
		<view class="flex align-center fixed-top px-2" style="height: 44px;">
			<view class="align-center text-right iconfont iconxiaoxi flex flex-1 justify-end" style="color: #333;font-size: 18px;"></view>
			<view class="align-center text-right iconfont iconshezhi ml-1" style="color: #333;font-size: 18px;margin-right:auto"></view>
		</view>
		<view style="height: 44px;"></view>
		<!-- #endif -->
		
		<!-- 用户基本信息 -->
		<view class="flex px-3 align-center" style="height: 196rpx;">
			<image src="/static/demo/profile/6.jpg" class="rounded-circle flex-shrink" mode="" style="height: 120rpx;width: 120rpx;" ></image>
			<view class="flex flex-1 flex-column pl-3"  @click="navTo('user-space')">
				<view class="flex align-center">
					<text class="font-md font-weight-bolder">SDk-5266</text>
					<text class="font-sm text-light-muted ml-3">福建 三明</text>
				</view>
				<view class="font-sm text-light-muted">
					简介说明
				</view>
			</view>
		</view>
		
		<view class="f-divided"></view>
		
		<!-- 功能列表 -->
		
		<!-- <view class="flex px-3 align-center" hover-class="bg-light" style="height: 90rpx;">
				<text class="iconfont iconshipin"></text>
				<view class="font-md text-muted mr-auto ml-1">我的作品</view>
				<view class="font-md text-light-muted">36个</view>
				<text class="iconfont iconjinru text-light-muted"></text>
		</view> -->
		<my-list-item icon="iconshipin" title="我的作品" rightText="36个" :showRightIcon="false" @click="navTo('user-video')"></my-list-item>
		<my-list-item icon="iconshoucang1" title="收藏"  @click="navTo('user-fava')"></my-list-item>
		<my-list-item icon="iconguanzhu" title="关注" rightText="366" :showRightIcon="false"></my-list-item>
		<my-list-item icon="iconlishi" title="历史记录"  ></my-list-item>
		
		<view class="f-divided"></view>
		
		<button type="default" style="background-color: #FB85A7;color:#fff;margin: 35rpx;" @click="show">立即投稿</button>
		
		<!-- 遮罩层弹框 -->
		<pop-up ref="popup">
			<view class="bg-white position-absolute  left-0 right-0 bottom-0" style="height: 315rpx;">
				<view class="flex align-center justify-center" style="height: 200rpx;">
					<view class="flex-1 flex align-center justify-center flex-column" @click="navTo('create')">
						<text class="iconfont icondingdanwenjian flex align-center justify-center text-white bg-primary rounded-circle" style="width: 80rpx;height: 80rpx;"></text>
						<text class="font mt-1 text-muted">单集</text>
					</view>
					<view class="flex-1 flex align-center justify-center flex-column">
						<text class="iconfont icondingdanwenjian flex align-center justify-center text-white bg-main rounded-circle" style="width: 80rpx;height: 80rpx;"></text>
						<text class="font mt-1 text-muted">连载</text>
					</view>
				</view>
				<view class="f-divided"></view>
				<view class="flex font-md align-center justify-center" hover-class="bg-light" style="height: 100rpx;" @click.stop="hidden">
					取消
				</view>
			</view>
		</pop-up>
		
	</view>
</template>

<script>
	import myListItem from "@/components/common/my-list-item.vue";
	import popUp from "@/components/common/pop-up.vue";
	
	export default{
			components:{
				myListItem,
				popUp
			},
			data() {
				return {
					
				}
			},
			methods:{
				show() {
					this.$refs.popup.showPop(); 
				},
				hidden() {
					this.$refs.popup.hidenPop();
				},
				navTo(path){
					uni.navigateTo({
						url:"/pages/" + path + "/" + path
					})
				}
			}
	}
	
</script>

<style>
</style>
